如何创建一个新的vue项目

一、cnpm安装

1.百度node官网,进入官网下载安装包安装好node环境

2.成功后打开cmd命令行工具,执行node-v命令,查看node版本号,如果能输出版本号说明安装成功

3.推荐使用淘宝 NPM 镜像,执行npm install -g cnpm --registry=https://registry.npm.taobao.org命令

二、安装webpack

1.执行npm install webpack -g命令

三、项目初始化

1.全局安装vue-cli,执行cnpm install vue-cli -g命令

2.检查是否全局安装成功,查看vue版本号 ,执行vue -V命令

3.创建一个基于webpack模板的新项目,执行vue init webpack‘项目名称’命令

4.然后cd进入项目路径,安装依赖,执行cnpm install命令(如果上一步选择了 `npm install`就可以省略这一步,等待安装就好了)

5.安装好后运行项目,执行cnpm run dev命令

四、运行别人的项目

1.cd进入项目的路径

2.如果别人项目中有node_modules模块,那么先删除掉,在执行cnpm install命令

3.运行项目,执行cnpm run dev命令

五、模块下载

1.下载模块执行npm install jquery(模块名) --save命令
   
2.指明下载版本执行npm install jquery@3 --save命令
   
3.删除模块执行npm uninstall jquery --save命令

猜你喜欢

转载自www.cnblogs.com/yang-hui/p/10626883.html