搭建Vue环境及创建vue项目
1、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/
输入:
npm install -g cnpm –registry=https://registry.npm.taobao.org
即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。
检查是否安装成功:输入
cnpm -v
2、全局安装vue-cli
npm install -g @vue/cli 或 cnpm install -g @vue/cli
(cnpm 安装环境和依赖包会更快 推荐使用cnpm)
创建指令:
//app是创建项目的名称
vue create app
注意: 在创建项目的时候应该先下载node + webpack + 淘宝镜像(方便下载依赖包)
项目内文件的作用
**nade_modules文件夹:**项目依赖
public文件:一半放置一些静态资源(图片),需要注意,放在public文件夹内的的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹中
src文件夹(程序员源代码文件夹):
- assets文件夹:一般也是防止静态资源(通常是多个组件公用的静态资源ÿ