npm安装vue
安装Vue npm install vue -g
安装Vue脚手架,用于生成项目npm install -g @vue/cli
快速原型开发,编译.vue文件
npm install -g @vue/cli-service-global
查看vue-cli版本 vue --version
在Vs Code终端中使用vue create project报错:
vue : 无法加载文件 D:\nodejs\node_global\vue.ps1,因为在此系 统上禁止运行脚本。
原因及解决办法:
首次在计算机上启动 Windows PowerShell 时,现用执行策略很可能是 Restricted(默认设置)。
解决:
(1)以管理员身份运行vs code
(2)在终端执行:get-ExecutionPolicy,显示Restricted(表示状态是禁止的)
(3)在终端执行:set-ExecutionPolicy RemoteSigned
(4)在终端执行:get-ExecutionPolicy,显示RemoteSigned
vuetify框架使用
使用VSCode及vuetify开发页面
(1)vue create project-name,选择所用feature
(2)vue add vuetify ,安装vuetify
对于一个组件(*.vue文件),其命名大小写都可以,在路由配置文件中引入时,from 可不加.vue,组件名大小写皆可
如下:有dashboard.vue文件,使用路由时:
//以下正确:
//引入
import dashboard from ‘…/views/dashboard’
//配置路径
{
path: ‘/’,
name: ‘dashboard’,
component: dashboard
}
script引入时也可不加.vue
使用官方组件时,去掉标签,并使用
或 包裹