VUE命令行

命令行工具：

#查看版本
npm -v 

#升级 npm
cnpm install npm -g

#升级或安装 cnpm
npm install cnpm -g

安装最新稳定版VUE 以及windows系统环境下 windows PowerShell 报错处理：

> cnpm install vue@next
cnpm : 无法加载文件 C:\Users\Think\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ cnpm install vue@next
+ ~~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

解决方式：

1、在系统中搜索框 输入 Windows PowerShell

2、点击“管理员身份运行”

3、输入set-ExecutionPolicy RemoteSigned回车

4、根据提示，输入A，回车

5、再次回到cnpm -v执行成功。

image-20230114085934021.png

---

#全局安装 vue-cli
> cnpm install -g @vue@cli
Downloading @vue/cli to D:\Program\nodejs\node_modules\@vue\cli_tmp
Error: EPERM: operation not permitted, mkdir 'D:\Program\nodejs\node_modules\@vue'
npminstall version: 7.2.1
npminstall args: D:\Program\nodejs\node.exe C:\Users\Think\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\bin\install.js --fix-bug-versions --china --userconfig=C:\Users\Think\.cnpmrc --disturl=https://npmmirror.com/mirrors/node --registry=https://registry.npmmirror.com -g @vue/cli

解决方法参考： https://www.cnblogs.com/haruko/p/15359256.html

修改 node安装目录 D:\Program\nodejs的所属用户权限为“完全控制”

image-20230114091441804.png

---

# 查看版本
vue --version

# 升级到下一个版本
vue upgrade --next

#创建项目
vue init webpack vue-test

#安装依赖项
npm install

#安装并远行
nmp run dev 

#用于生产环境的编译和压缩文件
npm run build

#为生产而构建并查看捆绑包分析器报告
npm run build --report

#运行单元测试
npm run unit

#运行所有测试
npm test

使用图形化界面

vue ui 找开图形化界面创建和管理项目；执行该命令，会自动弹出默认浏览器打开项目管理引导页面。

---

vue create 命令

vue create [options] <app-name>

#创建项目
vue create test-app

#启动应用
npm run server