创建一个vue项目
1.下载安装Node.js、npm
百度搜索Node.js,进入官网直接下载
下载并安装后就默认有了npm
然后检查是否安装成功只需打开cmd,运行下面命令
Node -v npm -v
2.在cmd下依次运行
npm config set registry https://registry.npm.taobao.org npm install -g vue-cli
3.在目标文件夹下按住shift+鼠标右键进入Powershell窗口
然后输入
vue init webpack vue01(vue01为项目名)
若出现以下情况
就要打开win10的搜索栏,搜索Powershell,点击以管理员方式运行
然后在打开的窗口输入:
set-ExecutionPolicy RemoteSigned 然后选择输入A即可返回原Powershell窗口继续创建
继续运行
vue init webpack vue01(vue01为项目名) //以下都是自动弹出命令注意观察然后按回车就行 Project name vue01 //按回车 Project description //按回车 Vue build standalone //按回车 Install vue-router? //建议输入Y后按回车 Use ESLint to lint your code?//代码规范建议先输入N后按回车 Set up unit tests//建议输入N后按回车 Setup e2e tests with Nightwatch?//建议输入N后按回车 Should we run `npm install` for you after the project has been created? (recommended) //第一次创建vue项目建议输入N后回车,然后生成项目后在运行 npm install 来给刚创建的项目加入依赖
执行完成后说明vue01项目已经在目标文件夹下创建成功
然后继续在此powershell窗口下给项目添加依赖,类似于Maven
输入以下命令
cd .\vue01\ npm install
运行成功后就能在项目文件夹看到多了一个node_modules文件夹,文件夹里都是要用到的所有依赖
4.最后用WebStorm 打开创建的vue项目
打开WebStorm软件,点击open,然后找到刚才在目标文件夹创建的vue项目就🆗了