如何初始化一个vue项目

1.先安装node

2.npm 设置成淘宝源:

npm config set registry https://registry.npm.taobao.org


3.安装vue以及vue-cli:

npm i  vue vue-cli -g


4. 创建一个基于 webpack 模板的新项目

vue init webpack my-project


5.安装依赖npm i

6.运行项目npm run dev

7.打包项目npm run build

注意:1.vue init webpack my-project 执行这行命令的时候如果在一些安全性要求较高的公司,不能访问github的情况下,可能会出现一直在下载那个地方,这种情况下可以使用要本地安装的办法去(https://github.com/vuejs-templates/webpack)下载文件放在项目根目录下,再使用 vue init ./webpack my-project 就直接初始化项目了,不用再去github下载了再执行npm run dev 就可以直接看到服务已经启动了。


2.如果需要兼容ie,需要安装babel-polyfill包npm i babel-polyfill -S


3.对于企业来说,可能ie的默认以低版本打开可能页面还是一片空白,这时候需要设置meta标签,

完成项目初始化后可以添加一些常用的插件:axios,element-ui,less,less-loader,vuex

安装完就可以快乐的coding了。 

你可能感兴趣的:(如何初始化一个vue项目)