-
安装node.js,同时会把npm也安装了
-
安装淘宝镜像,npm install -g cnpm --registry=https://registry.npm.taobao.org
-
安装webpack,cnpm install webpack -g
-
安装vue脚手架,npm install vue-cli -g
-
选择一个空白目录,shift加右键打开PowerShell窗口
-
vue init webpack-simple 项目名
-
然后会有一些提示信息
-
根据提示执行3个命令即可运行起来,
-
注意:在 npm install 之后,出现这个提示表示成功。然后目录下会出现一个node_modules目录,下面会有很多安装的模块,一定要先确认这一步。
-
然后可以打开Atom导入这个项目进行后续的开发工作了。之前遇到过在Atom中执行npm install命令老是不成功,也不知道怎么回事。然后接着又遇到无法识别"cross-env"命令、无法识别“webpack-dev-server”命令等问题。最后删了项目目录从头来又成功了。
-
第三方组件安装
- vue-router: npm install vue-router -d
- element-ui: npm install element-ui –d
- axios: npm install axios -d
- vue-axios: npm install vue-axios –d
- qs: npm install qs –d
- vuex: npm install vuex –d
vue初始化、运行
最新推荐文章于 2024-06-19 12:07:36 发布