如何搭建一个vue项目?

发布于 2020-06-29  91 次阅读


一、安装node环境

 1、下载地址为:https://nodejs.org/en/

    2、检查是否安装成功:node -v 如果输出版本号,说明我们安装node环境成功

    3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/

    输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。

检查是否安装成功: cnpm -v

二、搭建vue项目环境

1.安装vue/cli
npm install -g @vue/cli
2.创建文件夹
vue create rehu-web-vue
3.进入当前目录
cd rehu-web-vue
4.启动服务
npm run serve
5.安装所需插件

利用可视化工具创建项目:

1、安装vue-cli

2、命令行中输入vue ui启动可视化界面

3、选择一个路径,然后下一步

4、填写项目名,包管理器默认,git可选可不选,然后下一步

5、预设-选择手动配置,然后下一步

6、功能中选择babel、router、不用vuex,去掉代码校验(烦人)、配置文件勾选

7、配置-默认hash模式,不选H5历史模式(因为使用了H5新api,可能不兼容)

8、完成,等待完成创建项目。

9、创建完成后,在插件中添加插件element-ui

10、在依赖中添加axios库

11、完美创建了一个项目


七零八落,丢三落四